---
layout: layouts/base.njk
---
<article itemscope itemtype="http://schema.org/BlogPosting">
  <header>
    <h1 itemprop="headline">{{ title | markdown | safe }}</h1>
    <p class="meta">
      Published <time datetime="{{ date | htmlDateString }}" itemprop="datePublished">{{ date | readableDate }}</time>
      {% if updated %}
        · Updated <time datetime="{{ updated | htmlDateString }}" itemprop="dateModified">{{ updated | readableDate }}</time>
      {% endif %}
      {% if tags %}
        · Tagged with {% for tag in tags %}
          <a href="/blog/tags/{{ tag | slug }}" class="tag">{{ tag }}</a>
        {% endfor %}
      {% endif %}
    </p>
  </header>
  <div itemprop="articleBody">
    {{ content | safe }}
  </div>
  <footer>
    <div>
      {% if avatars %}
        {% for avatar in avatars %}
          <img src="/_img/avatars/{{ avatar }}.avif" alt="" width="96" height="96" loading="lazy">
        {% endfor %}
      {% endif %}
      <p
      {% if avatars.length > 4 %}
        style="clear:both"
      {% endif %}
      >Posted by {{ author | markdown | safe }}.</p>
    </div>
    {% if tweet %}
      <a href="https://twitter.com/v8js/status/{{ tweet }}" class="retweet">Retweet this article!</a>
    {% endif %}
  </footer>
</article>
